/* 
PARAMS
gap 1 = 0.2s = 2.76%
gap 2 = 0.3s = 4.14%
duration = 1s = 13.79%

*/


/* SLIDE 1 ANIMATION */

:root{
    --anim:7.25s ease;
}

@keyframes slide-1-step-1 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot1 {
    animation: slide-1-step-1 var(--anim);
}

@keyframes slide-1-step-2 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .72;
    }
    100% {
        transform: translateX(0);
        opacity: .72;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot2  {
    animation: slide-1-step-2 var(--anim);
}

@keyframes slide-1-step-3 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: .22;
    }
    100% {
        transform: translateX(0);
        opacity: .22;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-image--robot3  {
    animation: slide-1-step-3 var(--anim);
}

@keyframes slide-1-step-4 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"] .advantageSlide-title--robot{
    animation: slide-1-step-4 var(--anim);
}

@keyframes slide-1-step-5 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"]  .advantageSlide-subTitle--robot{
    animation: slide-1-step-5 var(--anim);
}

@keyframes slide-1-step-6 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"]  .advantageSlide-subTitle--robot .skewSubstrate-wrapper{
    animation: slide-1-step-6 var(--anim);
}

@keyframes slide-1-step-7 {
    0%{
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"]  .advantageSlide-subTitle--robot .glowStroke-wrapper{
    animation: slide-1-step-7 var(--anim);
}

@keyframes slide-1-step-8 {
    0%{
        transform: translateX(-17%);
        opacity: 0;
    }
    24.84% {
        transform: translateX(-17%);
        opacity: 0;
    }
    38.63% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"]  .advantageSlide-description--robot{
    animation: slide-1-step-8 var(--anim);
}
@keyframes slide-1-step-9 {
    0%{
        transform: translateX(-58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="0"]  .advantageSlide-circle--robot{
    animation: slide-1-step-9 var(--anim);
}


/* SLIDE 2 ANIMATION */

@keyframes slide-2-step-1 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(-18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-image--box1{
    animation: slide-2-step-1 var(--anim);
}


@keyframes slide-2-step-2 {
    0%{
        transform: translateX(-48%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-48%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .15;
    }
    100% {
        transform: translateX(0);
        opacity: .15;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-image--box2{
    animation: slide-2-step-2 var(--anim);
}

@keyframes slide-2-step-3 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-title--box{
    animation: slide-2-step-3 var(--anim);
}

@keyframes slide-2-step-4 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-subTitle--box{
    animation: slide-2-step-4 var(--anim);
}

@keyframes slide-2-step-5 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-subTitle--box .skewSubstrate-wrapper{
    animation: slide-2-step-5 var(--anim);
}

@keyframes slide-2-step-6 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-subTitle--box .glowStroke-wrapper{
    animation: slide-2-step-6 var(--anim);
}

@keyframes slide-2-step-7 {
    0%{
        transform: translateX(-37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(-37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]  .advantageSlide-description--box{
    animation: slide-2-step-7 var(--anim);
}

@keyframes slide-2-step-9 {
    0%{
        transform: translateX(58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="1"]    .advantageSlide-circle--box{
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 3 ANIMATION */


.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-image--tech{
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-3-step-2 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"]  .advantageSlide-title--tech{
    animation: slide-3-step-2 var(--anim);
}

@keyframes slide-3-step-3 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"]  .advantageSlide-subTitle--tech{
    animation: slide-3-step-3 var(--anim);
}

@keyframes slide-3-step-4 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-subTitle--tech .skewSubstrate-wrapper{
    animation: slide-3-step-4 var(--anim);
}

@keyframes slide-3-step-5 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    15.18% {
        transform: translateX(18%);
        opacity: 0;
    }
    28.97% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-subTitle--tech .glowStroke-wrapper{
    animation: slide-3-step-5 var(--anim);
}

@keyframes slide-3-step-6 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-description--tech{
    animation: slide-3-step-6 var(--anim);
}

.advantages-slide--animated.advantages-slide[data-target="2"] .advantageSlide-circle--tech{
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 4 ANIMATION */

@keyframes slide-4-step-1 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    2.76% {
        transform: translateX(18%);
        opacity: 0;
    }
    16.55% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
  
.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-image--board1 {
    animation: slide-4-step-1 var(--anim);
}

@keyframes slide-4-step-2 {
    0%{
        transform: translateX(38%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(38%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: .1;
    }
    100% {
        transform: translateX(0);
        opacity: .1;
    }
}
 

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-image--board2  {
    animation: slide-4-step-2 var(--anim);
}

@keyframes slide-4-step-3 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-title--board  {
    animation: slide-4-step-3 var(--anim);
}

@keyframes slide-4-step-4 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board{
    animation: slide-4-step-4 var(--anim);
}

@keyframes slide-4-step-5 {
    0%{
        transform: translateX(24%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(24%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board .skewSubstrate-wrapper{
    animation: slide-4-step-5 var(--anim);
}

@keyframes slide-4-step-6 {
    0%{
        transform: translateX(-38%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(-38%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-subTitle--board .glowStroke-wrapper{
    animation: slide-4-step-6 var(--anim);
}

@keyframes slide-4-step-7 {
    0%{
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-description--board{
    animation: slide-4-step-7 var(--anim);
}

@keyframes slide-4-step-8 {
    0%{
        transform: translateX(-58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="3"] .advantageSlide-circle--board{
    animation: slide-4-step-8 var(--anim);
}

/* SLIDE 5 ANIMATION */

  
.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-image--coin{
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-5-step-2 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(18%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-title--coin{
    animation: slide-5-step-2 var(--anim);
}

@keyframes slide-5-step-3 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(-18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin{
    animation: slide-5-step-3 var(--anim);
}

@keyframes slide-5-step-4 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(-18%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin .skewSubstrate-wrapper{
    animation: slide-5-step-4 var(--anim);
}

@keyframes slide-5-step-5 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-subTitle--coin .glowStroke-wrapper{
    animation: slide-5-step-5 var(--anim);
}

@keyframes slide-5-step-6 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(18%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-description--coin{
    animation: slide-5-step-6 var(--anim);
}

.advantages-slide--animated.advantages-slide[data-target="4"] .advantageSlide-circle--coin{
    animation: slide-2-step-9 var(--anim);
}

/* SLIDE 6 ANIMATION */

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-image--hand1 {
    animation: slide-2-step-1 var(--anim);
}

@keyframes slide-6-step-2 {
    0%{
        transform: translateX(-28%);
        opacity: 0;
    }
    5.52% {
        transform: translateX(-28%);
        opacity: 0;
    }
    19.31% {
        transform: translateX(0);
        opacity: 0.1;
    }
    100% {
        transform: translateX(0);
        opacity: 0.1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-image--hand2  {
    animation: slide-6-step-2 var(--anim);
}

@keyframes slide-6-step-3 {
    0%{
        transform: translateX(18%);
        opacity: 0;
    }
    8.28% {
        transform: translateX(18%);
        opacity: 0;
    }
    22.07% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-title--hand  {
    animation: slide-6-step-3 var(--anim);
}

@keyframes slide-6-step-4 {
    0%{
        transform: translateX(38%);
        opacity: 0;
    }
    11.04% {
        transform: translateX(38%);
        opacity: 0;
    }
    24.83% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"] .advantageSlide-subTitle--hand{
    animation: slide-6-step-4 var(--anim);
}

@keyframes slide-6-step-5 {
    0%{
        transform: translateX(-18%);
        opacity: 0;
    }
    13.8% {
        transform: translateX(-18%);
        opacity: 0;
    }
    27.59% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"]  .advantageSlide-subTitle--hand .skewSubstrate-wrapper{
    animation: slide-6-step-5 var(--anim);
}

@keyframes slide-6-step-6 {
    0%{
        transform: translateX(30%);
        opacity: 0;
    }
    16.56% {
        transform: translateX(30%);
        opacity: 0;
    }
    30.35% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"]  .advantageSlide-subTitle--hand .glowStroke-wrapper{
    animation: slide-6-step-6 var(--anim);
}

@keyframes slide-6-step-7 {
    0%{
        transform: translateX(37%);
        opacity: 0;
    }
    20.7% {
        transform: translateX(37%);
        opacity: 0;
    }
    34.49% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"]  .advantageSlide-description--hand{
    animation: slide-6-step-7 var(--anim);
}

@keyframes slide-6-step-8 {
    0%{
        transform: translateX(58%);
        opacity: 0;
    }
    60% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.advantages-slide--animated.advantages-slide[data-target="5"]  .advantageSlide-circle--hand{
    animation: slide-6-step-8 var(--anim);
}